import { useState } from "react";
const TodoHeader = () => {
const [content,setContent] = useState('')
  return (
    <header className="header">
      <h1>todos</h1>
      <input
        className="new-todo"
        placeholder="What needs to be done?"
        autoFocus
        value={content}
        onChange={(e)=>setContent(e.target.value)}
      />
    </header>
  );
};
export default TodoHeader;
